/**
 * CSS Document * 
 * Created by Jp 2016/9/26.
 */
 /*=公用部分开始=*/
 .row {
 	margin-left: -12px;
 	margin-right: -12px;
 }
.tool {
	display: inline-block;
	width: 30px;
	height: 25px;
	background: url('../images/con_tool.png') no-repeat;
}
.setup {
	display: inline-block;
	width: 30px;
	height: 26px;
	background: url('../images/con_setup.png') no-repeat;
}

#subtitle ul {
	width: 340px;
	height: 50px;
	margin: 0 auto;
	background: #fff;
}
#subtitle ul li {
	width: 85px;
	height: 50px;
	float: left;
}
#subtitle ul li.cur {
	background: #F0F0F0;
}
#subtitle ul li a {
	display: inline-block;
	width: 85px;
	height: 50px;
	text-indent: -9999px;
}
#subtitle ul li a.ztjk-con {
	background: url('../images/con_ztjk.png') no-repeat center center;
}
#subtitle ul li.cur a.ztjk-con {
	background: url('../images/con_ztjk_cur.png') no-repeat center center;
}
#subtitle ul li a.jkqk-con {
	background: url('../images/con_jkqk.png') no-repeat center center;
}
#subtitle ul li.cur a.jkqk-con {
	background: url('../images/con_jkqk_cur.png') no-repeat center center;
}
#subtitle ul li a.xwfx-con {
	background: url('../images/con_xwfx.png') no-repeat center center;
}
#subtitle ul li.cur a.xwfx-con {
	background: url('../images/con_xwfx_cur.png') no-repeat center center;
}
#subtitle ul li a.xtjk-con {
	background: url('../images/con_xtjk.png') no-repeat center center;
}
#subtitle ul li.cur a.xtjk-con {
	background: url('../images/con_xtjk_cur.png') no-repeat center center;
}

.row .title {
	height: 58px;
	border-bottom: 1px solid #E6E6E6;
}
.row .title h1 {
	font: bold 20px/20px "微软雅黑";
	padding: 25px 0 0 18px;
	color: #333;
}
.row .title h2 {
	font: bold 14px/20px "微软雅黑";
	padding: 32px 0 0 11px;
	color: #656565;
}
.row .ico {
	margin: 0;
	padding: 25px 10px 0 0;
}
.row-2, .row-3, .row-4 {
	margin-top: 20px;
}

/*=副标题开始=*/
.subtit {
	height: 40px;
	border-bottom: 1px solid #E6E6E6;
}
.subtit .tab li {
	height: 39px;
	padding: 0 20px;
	text-align: center;
	font: bold 14px/40px "微软雅黑";
	float: left;
	cursor: pointer;
}
.subtit .tab li.cur {
	color: #4fc3f7;
	border-bottom: 1px solid #4fc3f7;
}
.subtit .more {
	display: inline-block;
	height: 40px;
	font: 14px/40px "微软雅黑";
	color: #80c683;
	margin-right: 17px;
}
.subtit .more:hover {
	text-decoration: none;
}
/*=副标题结束=*/

.con .subtitle {
	height: 40px;
	background: #F2F2F2;
}
.con .subtitle h1 {
	float: left;
	font: bold 14px/40px "微软雅黑";
	padding: 0 20px 0 34px;
	margin-left: 19px;
	background: url('../images/con_trend.png') no-repeat left center;
}

.con .table tr.even {
	background: #FBFBFB;
}
.con .table tr td {
	height: 40px;
	font: 14px/40px "微软雅黑";
	color: #333;
	border: 0;
	padding: 0;
}
.con .table tr td.tit {
	width: 85%;
	padding-left: 20px;
}
/*=公用部分结束=*/

/*==整体监控开始==*/
.ztjk .wzzy, .ztjk .hdqkjc {
	padding-left: 12px;
	padding-right: 10px;
}
.ztjk .gzqk, .ztjk .xxgk {
	padding-left: 10px;
	padding-right: 12px;
}
.ztjk .wzzy, .ztjk .gzqk {
	height: 470px;
}
.ztjk .wzzy .con, .gzqk .con {
	height: 412px;
}
.ztjk .hdqkjc, .ztjk .xxgk {
	height: 490px;
}
.ztjk .hdqkjc .con, .ztjk .xxgk .con {
	height: 432px;
}
.ztjk .row-2 {
	margin-top: 20px;
}
/*==整体监控结束==*/

/*==健康情况开始==*/
.jkqk .gzkfq-jk {
	height: 764px;
	padding: 0 12px;
}
.jkqk .gzkfq-jk .title {
	padding-right: 10px;
}
.jkqk .gzkfq-jk .title .selectWrap {
	font: 14px/20px "微软雅黑";
	color: #333;
	padding-top: 23px;
}
.jkqk .gzkfq-jk .title .selectWrap select {
	width: 91px;
	height: 25px;
	padding: 0 0 0 5px;
	margin-right: 10px;
}
.jkqk .gzkfq-jk .con .synthetic {
	height: 471px;
}
.jkqk .gzkfq-jk .con .synthetic .con01 {
	height: 435px;
	padding-top: 30px;
	text-align: center;
}
.jkqk .gzkfq-jk .con .check {
	height: 230px;
}
.jkqk .gzkfq-jk .con .check .con01 {
	height: 190px;
	padding: 28px 10px;
}
.jkqk .gzkfq-jk .con .check .con01 ul li {
	float: left;
	margin: 0 5px;
}
.jkqk .gzkfq-jk .con .check .con01 ul li a {
	display: inline-block;
	width: 180px;
	height: 131px;
}
.jkqk .gzkfq-jk .con .check .con01 ul li a:hover {
	text-decoration: none;
}
.jkqk .gzkfq-jk .con .check .con01 ul li a.wzltx-con {
	background: url('../images/con_wzltx.png') no-repeat;
}
.jkqk .gzkfq-jk .con .check .con01 ul li a.sylj-con {
	background: url('../images/con_sylj.png') no-repeat;
}
.jkqk .gzkfq-jk .con .check .con01 ul li a.nrbz-con {
	background: url('../images/con_nrbz.png') no-repeat;
}
.jkqk .gzkfq-jk .con .check .con01 ul li a.cbz-con {
	background: url('../images/con_cbz.png') no-repeat;
}
.jkqk .gzkfq-jk .con .check .con01 ul li a.nrgx-con {
	background: url('../images/con_nrgx.png') no-repeat;
}
.jkqk .gzkfq-jk .con .check .con01 ul li a span {
	font: 24px/20px "微软雅黑";
	color: #fff;
	position: relative;
	top: 20px;
	left: 70px;
}
/*==健康情况结束==*/

/*==行为分析开始==*/
.xwfx .gzkfq-xw {
	height: 800px;
	padding: 0 12px;
}
.xwfx .gzkfq-xw .title {
	padding-right: 10px;
}
.xwfx .gzkfq-xw .title .selectWrap {
	font: 14px/20px "微软雅黑";
	color: #333;
	padding-top: 23px;
}
.xwfx .gzkfq-xw .title .selectWrap select {
	width: 91px;
	height: 25px;
	padding: 0 0 0 5px;
	margin-right: 10px;
}
.xwfx .gzkfq-xw .title .selectWrap select.time {
	width: 50px;
	margin-right: 0;
}
.xwfx .gzkfq-xw .title .selectWrap .time-text {
	display: inline-block;
	height: 25px;
	font: 14px/25px "微软雅黑";
	margin: 0 10px;
}
.xwfx .gzkfq-xw .con {
	height: 742px;
}
.xwfx .gzkfq-xw .con .invest {
	height: 122px;
	background: #ECF9FF;
	border-bottom: 1px solid #f8f8f8;
	padding: 26px 41px 0 41px;
}
.xwfx .gzkfq-xw .con .invest dl {
	float: left;
	width: 166px;
	height: 79px;
	margin-right: 74px;
}
.xwfx .gzkfq-xw .con .invest dl.yhzcd {
	background: url('../images/con_yhzcd.png') no-repeat left center;
}
.xwfx .gzkfq-xw .con .invest dl.wzyxl {
	background: url('../images/con_wzyxl.png') no-repeat left center;
}
.xwfx .gzkfq-xw .con .invest dl.wzjkd {
	background: url('../images/con_wzjkd.png') no-repeat left center;
}
.xwfx .gzkfq-xw .con .invest dl.cbrhd {
	margin-right: 0;
	background: url('../images/con_cbrhd.png') no-repeat left center;
}
.xwfx .gzkfq-xw .con .invest dl dt {
	font: 16px/20px "微软雅黑";
	color: #0f3958;
}
.xwfx .gzkfq-xw .con .invest dl dd.num {
	padding: 5px 0 15px 0;
	font: 24px/20px "微软雅黑";
	color: #ff5347;
}
.xwfx .gzkfq-xw .con .invest dl dd.more {
	font: 12px/20px "微软雅黑";
	color: #999;
}
.xwfx .gzkfq-xw .con .invest dl.yhzcd dt {
	margin-left: 82px;
}
.xwfx .gzkfq-xw .con .invest dl.yhzcd dd {
	margin-left: 82px;
}
.xwfx .gzkfq-xw .con .invest dl.wzyxl dt {
	margin-left: 80px;
}
.xwfx .gzkfq-xw .con .invest dl.wzyxl dd {
	margin-left: 80px;
}
.xwfx .gzkfq-xw .con .invest dl.wzjkd dt {
	margin-left: 81px;
}
.xwfx .gzkfq-xw .con .invest dl.wzjkd dd {
	margin-left: 81px;
}
.xwfx .gzkfq-xw .con .invest dl.cbrhd dt {
	margin-left: 75px;
}
.xwfx .gzkfq-xw .con .invest dl.cbrhd dd {
	margin-left: 75px;
}
.xwfx .gzkfq-xw .con .view {
	height: 206px;
	padding: 0 54px 0 46px;
}
.xwfx .gzkfq-xw .con .view dl {
	float: left;
	margin-right: 103px;
}
.xwfx .gzkfq-xw .con .view dl.website {
	padding-top: 40px;
}
.xwfx .gzkfq-xw .con .view dl.website dt {
	color: #0081C9;
	font: 14px/20px "微软雅黑";
	padding-bottom: 24px;
}
.xwfx .gzkfq-xw .con .view dl.website dd {
	font: 14px/24px "微软雅黑";
}
.xwfx .gzkfq-xw .con .view dl.count {
	padding-top: 29px;
}
.xwfx .gzkfq-xw .con .view dl.count dt {
	font: 16px/24px "微软雅黑";
	color: #333;
	text-align: center;
}
.xwfx .gzkfq-xw .con .view dl.count dd.num {
	font: 30px/36px "微软雅黑";
	color: #0081C9;
	padding: 20px 0 23px 0;
	text-align: center;
}
.xwfx .gzkfq-xw .con .view dl.count dd.compare {
	font: 14px/24px "微软雅黑";
	color: #333;
	min-width: 136px;
}
.xwfx .gzkfq-xw .con .view dl.count dd.down {
	background: url('../images/con_down.png') no-repeat right center;
}
.xwfx .gzkfq-xw .con .view dl.count dd.up {
	background: url('../images/con_up.png') no-repeat right center;
}
.xwfx .gzkfq-xw .con .trend {
	height: 414px;
}
.xwfx .gzkfq-xw .con .trend .subtitle h1 {
	border-right: 1px solid #DADADA;
}
.xwfx .gzkfq-xw .con .trend .subtitle ul li {
	float: left;
	font: 14px/40px "微软雅黑";
	padding-right: 25px;
	cursor: pointer;
}
.xwfx .gzkfq-xw .con .trend .subtitle ul li.cur {
	font-weight: bold;
	color: #3FC3FF;
}
.xwfx .gzkfq-xw .con .trend .con01 {
	padding: 52px 65px 42px 53px;
}
/*==行为分析结束==*/

/*==系统监控开始==*/
.xtjk .jkybp {
	height: 209px;
	padding: 0 12px;
}
.xtjk .jkybp .con {
	height: 151px;
	padding: 30px 0;
}
.xtjk .jkybp .con ul li {
	float: left;
	margin: 0 10px;
}
.xtjk .jkybp .con ul li a {
	display: inline-block;
	width: 220px;
	height: 90px;
}
.xtjk .jkybp .con ul li a:hover {
	text-decoration: none;
}
.xtjk .jkybp .con ul li a.fwqbj-con {
	background: url('../images/con_fwqbj.png') no-repeat;
}
.xtjk .jkybp .con ul li a.yzwt-con {
	background: url('../images/con_yzwt.png') no-repeat;
}
.xtjk .jkybp .con ul li a.fhzk-con {
	background: url('../images/con_fhzk.png') no-repeat;
}
.xtjk .jkybp .con ul li a.yyffqzt-con {
	background: url('../images/con_yyffqzt.png') no-repeat;
}
.xtjk .jkybp .con ul li a span {
	font: 48px/20px "微软雅黑";
	color: #fff;
	position: relative;
	top: 35px;
	left: 34px;
}
.xtjk .apache, .xtjk .jbsj, .xtjk .znzd {
	padding-left: 12px;
	padding-right: 10px;
}
.xtjk .fwqxy, .xtjk .fwqzy, .xtjk .ywbm {
	padding-left: 10px;
	padding-right: 12px;
}
.xtjk .apache, .xtjk .fwqxy {
	height: 470px;
}
.xtjk .apache .con, .xtjk .fwqxy .con {
	height: 412px;
}
.xtjk .jbsj, .xtjk .fwqzy {
	height: 400px;
}
.xtjk .jbsj .con, .xtjk .fwqzy .con {
	height: 342px;
}
.xtjk .znzd, .xtjk .ywbm {
	height: 320px;
}
.xtjk .znzd .con, .xtjk .ywbm .con {
	height: 262px;
}
.xtjk .ywbm .con table tr td.user {
	width: 40%;
	padding-left: 20px;
}
.xtjk .ywbm .con table tr td.depart {
	width: 38%;
}
.xtjk .ywbm .con p {
	margin-top: 28px;
	text-align: center;
}
.xtjk .ywbm .con .query-text {
	width: 323px;
	height: 42px;
	font: 16px/42px "微软雅黑";
	padding-left: 8px;
}
.xtjk .ywbm .con .query-btn {
	display: inline-block;
	width: 103px;
	height: 42px;
	background: url('../images/con_querybg.png') no-repeat;
	color: #fff;
	font: bold 16px/42px "微软雅黑";
	text-align: center;
}
/*==系统监控结束==*/